﻿.payment-record-details[_ngcontent-c16] {
    position: relative;
    height: auto !important;
    min-height: 100%;
    padding: .26666667rem 0;
}

    .payment-record-details[_ngcontent-c16] .clear[_ngcontent-c16]:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: "";
        clear: both;
        height: 0;
    }

    .payment-record-details[_ngcontent-c16] .card-top-line[_ngcontent-c16] {
       width: 97.2%;
        height: .26666667rem;
        border-radius: .13333333rem;
        margin: 0 .24rem;
    }

    .payment-record-details[_ngcontent-c16] .card-top-wrap[_ngcontent-c16] {
        position: relative;
        width: 93%;
        top: -.13333333rem;
        left: .4rem;
        padding: .53333333rem .4rem;
        border-radius: 0 0 10px 10px;
        height: 50px;
    }

        .payment-record-details[_ngcontent-c16] .card-top-wrap[_ngcontent-c16] .card-top-title[_ngcontent-c16] {
            height: 1.73333333rem;
        }

            .payment-record-details[_ngcontent-c16] .card-top-wrap[_ngcontent-c16] .card-top-title[_ngcontent-c16] .payment-wrap[_ngcontent-c16] {
                height: .58666667rem;
            }

            .payment-record-details[_ngcontent-c16] .card-top-wrap[_ngcontent-c16] .card-top-title[_ngcontent-c16] .payment-status[_ngcontent-c16] {
                height: .33333333rem;
                margin-top: 1.37333333rem;
            }

        .payment-record-details[_ngcontent-c16] .card-top-wrap[_ngcontent-c16] .card-top-detail[_ngcontent-c16] {
            height: 1.6rem;
            padding: .53333333rem 0 0;
        }

            .payment-record-details[_ngcontent-c16] .card-top-wrap[_ngcontent-c16] .card-top-detail[_ngcontent-c16] .card-top-item-wrap[_ngcontent-c16] {
                height: .53333333rem;
            }

            .payment-record-details[_ngcontent-c16] .card-top-wrap[_ngcontent-c16] .card-top-detail[_ngcontent-c16] .item-margin[_ngcontent-c16] {
                margin-top: .12rem;
            }

        .payment-record-details[_ngcontent-c16] .card-top-wrap[_ngcontent-c16] .bar-code[_ngcontent-c16] {
            margin-top: .26666667rem;
        }

            .payment-record-details[_ngcontent-c16] .card-top-wrap[_ngcontent-c16] .bar-code[_ngcontent-c16] .bar-code-inner[_ngcontent-c16] {
                display: inline-block;
            }

    .payment-record-details[_ngcontent-c16] .patient-and-order-details[_ngcontent-c16] {
        margin: .13333333rem .4rem 0;
    }

.clear[_ngcontent-c18]:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0;
}

.details-card-wrap[_ngcontent-c18] {
    width:95%;
    padding: .37333333rem .53333333rem;
    border-radius: .13333333rem;
}

    .details-card-wrap[_ngcontent-c18] .patient-info[_ngcontent-c18] {
        border-bottom: 1px dotted #e5e5e5;
        padding-bottom: .13333333rem;
    }

    .details-card-wrap[_ngcontent-c18] .info-title[_ngcontent-c18] {
        height: .45333333rem;
        margin: .37333333rem 0;
    }

    .details-card-wrap[_ngcontent-c18] .item-wrap[_ngcontent-c18] {
        min-height: .45333333rem;
        margin: 1.18666667rem 0;
    }

        .details-card-wrap[_ngcontent-c18] .item-wrap[_ngcontent-c18] span[_ngcontent-c18] {
            display: inline-block;
            max-width: 15.33333333rem;
            word-break: break-all;
        }

.codeBox[_ngcontent-c17] {
    height: initial;
    width: 100%;
}
